<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>学生信息管理</span>
        <el-button type="primary" size="medium" v-on:click="baseadd()">查询<i class="el-icon-search el-icon--right"></i></el-button>
        <el-button type="primary" size="medium" v-on:click="baseadd()">修改<i class="el-icon-edit el-icon--right"></i></el-button>
        <el-button type="primary" size="medium" v-on:click="baseadd()">删除<i class="el-icon-delete el-icon--right"></i></el-button>
      </div>
      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="学号">
          <el-input v-model="userform.id"></el-input>
        </el-form-item>
        <el-form-item label="姓名">
          <el-input v-model="userform.sname"></el-input>
        </el-form-item>
        <el-form-item label="性别">
          <el-select v-model="userform.gender" placeholder="选择学生性别">
            <el-option label="男" v-model="userform.gender" value="男"></el-option>
            <el-option label="女" v-model="userform.gender" value="女"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="专业">
          <el-input v-model="userform.major"></el-input>
        </el-form-item>
        <el-form-item label="出生日期">
          <el-col :span="11">
            <el-date-picker type="date" placeholder="选择日期" v-model="userform.birth_year" style="width: 100%;"></el-date-picker>
          </el-col>
        </el-form-item>
        <el-form-item label="籍贯">
          <el-input v-model="userform.native_place"></el-input>
        </el-form-item>
        <el-form-item label="民族">
          <el-input v-model="userform.nation"></el-input>
        </el-form-item>
        <el-form-item label="政治面貌">
          <el-input v-model="userform.politics_status"></el-input>
        </el-form-item>
        <el-form-item label="入学时间">
          <el-col :span="11">
            <el-date-picker type="date" placeholder="选择日期" v-model="userform.enrollment" style="width: 100%;"></el-date-picker>
          </el-col>
        </el-form-item>
        <el-form-item label="辅导员">
          <el-input v-model="userform.instructor"></el-input>
        </el-form-item>
        <el-form-item label="宿舍号">
          <el-input v-model="userform.dorm"></el-input>
        </el-form-item>
        <el-form-item label="电话号码">
          <el-input v-model="userform.telephone"></el-input>
        </el-form-item>
        <el-form-item label="邮箱">
          <el-input v-model="userform.mailbox"></el-input>
        </el-form-item>
        <el-form-item label="家庭住址">
          <el-input v-model="userform.live_place"></el-input>
        </el-form-item>
      </el-form>

    </el-card>
    <el-table
      :data="tableData"
      stripe
      style="width: 100%">
      <el-table-column
        prop="date"
        label="学号"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="性别">
      </el-table-column>
      <el-table-column
        prop="address"
        label="专业">
      </el-table-column>
      <el-table-column
        prop="address"
        label="出生日期">
      </el-table-column>
      <el-table-column
        prop="address"
        label="籍贯">
      </el-table-column>
      <el-table-column
        prop="address"
        label="民族">
      </el-table-column>
      <el-table-column
        prop="address"
        label="政治面貌">
      </el-table-column>
      <el-table-column
        prop="address"
        label="入学时间">
      </el-table-column>
      <el-table-column
        prop="address"
        label="辅导员">
      </el-table-column>
      <el-table-column
        prop="address"
        label="宿舍号">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "SInfoManage",
  data() {
    return {
      userform:{        id:'',
        sclass:"",
        sname: '',
        gender:"",
        major:"",
        instructor:"",
        dorm:"",
        telephone:"",
        nation:"",
        politics_status:"",
        birth_year:"",
        birth_month:"",
        native_place:"",
        live_place:"",
        mailbox:"",
        enrollment:""},
    }

  },
}
</script>

<style scoped>
.box-card {
  width: 480px;
}

</style>
